<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style type="text/css">
		.movebox{
			width: 100px;
			height: 100px;
			background-color: red;
			/* 声明调用movebox动画 */
			animation:movebox 2s infinte;
			position: relative;
		}
		/* 定义一个动画(关键key帧frame) */
		@keyframes:movebox{
			from{left:0px}
			to{left: 200px;}
		}
	</style>
	<body>
		<h3>移动方块动画效果</h3>
		<h5>annimation语法</h5>
		<div class="movebox"></div>
	</body>
</html>
